<!DOCTYPE html>
<html lang="en" class="home" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"     
      xmlns:p="http://primefaces.org/ui">
<head>
<title>FreeSystem - LIBERTE-SE Software 100% GRATUITO</title>
<meta charset="utf-8">
<link rel="stylesheet" href="resources/public/css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="resources/public/css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="resources/public/css/styleindex.css" type="text/css" media="all">
<script type="text/javascript" src="resources/public/js/jquery-1.5.2.js" ></script>
<script type="text/javascript" src="resources/public/js/cufon-yui.js"></script>
<script type="text/javascript" src="resources/public/js/cufon-replace.js"></script>
<script type="text/javascript" src="resources/public/js/Terminal_Dosis_300.font.js"></script>
<script type="text/javascript" src="resources/public/js/atooltip.jquery.js"></script>
<script src="resources/public/js/roundabout.js" type="text/javascript"></script>
<script src="resources/public/js/roundabout_shapes.js" type="text/javascript"></script>
<script src="resources/public/js/jquery.easing.1.2.js" type="text/javascript"></script>
<script type="text/javascript" src="resources/public/js/script.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">.bg {behavior:url("js/PIE.htc")}</style>
<![endif]-->
</head>
<body id="page1">
<div class="body1">
  <div class="body2">
    <div class="body3">
      <div class="main">
        <!-- header -->
        <header>
          <div class="wrapper">
            <h1><a id="logo"></a></h1>
            <form id="search" action="#" method="post">
              <div>
                <input type="submit" class="submit" value="Entrar">
                <input class="input" type="password" onBlur="if(this.value=='') this.value='Senha'" onFocus="if(this.value =='Senha' ) this.value=''">                
                <input class="input" type="text" value="E-mail" onBlur="if(this.value=='') this.value='E-mail'" onFocus="if(this.value =='E-mail' ) this.value=''">
              </div>
            </form>
            <nav>
              <ul id="menu">
                <li id="active"><a href="index.html">Inicio</a></li>
                <li><a href="public/registro.jsf">Cadastro</a></li>
                <li class="end"><a href="contact.html">Sobre</a></li>
              </ul>
            </nav>
          </div>
          <div class="relative">
            <div id="gallery">
              <ul id="myRoundabout">
                <li><img src="resources/public/images/img1.png" alt=""></li>
                <li><img src="resources/public/images/img2.png" alt=""></li>
                <li><img src="resources/public/images/img3.png" alt=""></li>
              </ul>
            </div>
          </div>
        </header>
        <!-- / header-->
        <!-- content -->
        <section id="content">
          <div class="line1">
            <div class="line2 wrapper">
              <div class="wrapper">
                <article class="col1">
                  <h2>Corporativo</h2>                  
                  <div class="pad">
                    <p> FreeSystem Corporativo, pode ser utilizado pelos seguintes ramos de negócios: </p>
                    <ul class="list1">
                      <li><a>Lojas de Varejo</a>Controle de clientes, estoque, fluxo de caixa(s), funcionarios, folha de pagamento. Realiza vendas de produtos.</li>                      
                    </ul>
                  </div>
                </article>
                <article class="col2 pad_left1">
                  <h2>Distribuidor</h2>
                  <div class="pad">
                   <p>FreeSystem Distribuidor, pode ser utilizado pelos seguintes ramos de negócios: </p>
                    <ul class="list1">
                      <li><a>Distribuidoras</a>Controle de clientes, estoque, fluxo de caixa(s), funcionarios, folha de pagamento. Realiza vendas de produtos, venda consiguinada, controle de períodos. Controle de Duplicatas.</li>
                    </ul>
                  </div>
                </article>
                <article class="col3 pad_left1">
                  <h2>Serviços</h2>
                  <div class="pad">
					<p>FreeSystem Serviços, pode ser utilizado pelos seguintes ramos de negócios: </p>
                    <ul class="list1">
                      <li><a>Prestadores de serviços</a>Controle de clientes, produtos, fluxo de caixa(s), funcionarios, folha de pagamento. Realiza envio de Nota Fiscal Eletrônica, controle de períodos.</li>
                    </ul>
                  </div>
                </article>
              </div>
              <div class="wrapper buttons">
                <article class="col1"> <a href="public/registro.jsf" class="button">Registrar</a> </article>
                <article class="col2 pad_left1"> <a href="public/registro.jsf" class="button">Registrar</a> </article>
                <article class="col3 pad_left1"> <a href="public/registro.jsf" class="button">Registrar</a> </article>
              </div>
            </div>
          </div>
        </section>
      </div>
    </div>
  </div>
</div>

<!-- / content -->
<div class="main">
  <!-- footer -->
  <footer>
    <div class="wrapper"><span class="left"> Copyright &copy; <a href="#">FreeSystem</a> All Rights Reserved Design by <br>
      </span>
    </div>
    <!-- {%FOOTER_LINK} -->
  </footer>
  <!-- / footer -->
</div>
<script type="text/javascript">Cufon.now();</script>
<script type="text/javascript">
$(document).ready(function () {
    $('#myRoundabout').roundabout({
        shape: 'square',
        minScale: 0.93, // tiny!
        maxScale: 1, // tiny!
        easing: 'easeOutExpo',
        clickToFocus: 'true',
        focusBearing: '0',
        duration: 800,
        reflect: true
    });
});
</script>
</body>
</html>